import { Cascader, Tabs } from 'antd';
import options from './data';
import EditProTable from './components/EditProTable';

const Demo = () => {
  const { TabPane } = Tabs;
  const onChange = (value: any, selectedOptions: any) => {
    console.log(value);
    console.log(selectedOptions);
  };
  const callback = (key: any) => {
    console.log(key);
  };
  return (
    <div>
      <Tabs defaultActiveKey="1" onChange={callback}>
        <TabPane tab="Tab 1" key="1">
          <Cascader
            style={{ width: '50%' }}
            defaultValue={['110000', '110100', '110101']}
            options={options}
            onChange={onChange}
            placeholder="Please select"
          />
        </TabPane>
        <TabPane tab="Tab 2" key="2">
          <EditProTable></EditProTable>
        </TabPane>
        <TabPane tab="Tab 3" key="3">
          Content of Tab Pane 3123123
        </TabPane>
      </Tabs>
    </div>
  );
};
export default Demo;
